<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	
	<ui:define name="title">
		<h3><h:outputLabel	value="#{i18n['erp.asistencia.horas.pagina.titulo']}" /></h3>
	</ui:define>	

	
	<ui:define name="content">
		<h:form id="formHorasTrabajadas">
		
			<p:growl id="pnlMessages" autoUpdate="true" closable="true"/>
			
			<p:toolbar>
				<p:toolbarGroup align="left">
					<p:commandButton id="btnRefrescar" value="Refrescar" icon="ui-icon-arrowrefresh-1-w" >
					</p:commandButton>
					
				</p:toolbarGroup>
			</p:toolbar>


			<p:panel id="pnlBuscar" header="#{i18n['erp.asistencia.horas.buscar']}">
				<table class="formulario">
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtFecha" value="#{i18n['erp.asistencia.horas.fecha']}" />
						</td>
						<td width="70%">
							<p:calendar id="txtFecha" showOn="button"  value="#{reporteHorasDataManager.fecha}" pattern="MM/dd/yyyy"/>
						</td>	
					</tr>
					
					<tr>						
						<td width="30%">
							<h:outputLabel for="txtCi" value="#{i18n['erp.asistencia.empleado.cedula']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtCi" label="#{i18n['erp.asistencia.empleado.cedula']}" 
								value="#{reporteHorasDataManager.registroListDTO.perCi}">
								<f:validator validatorId="ec.edu.uce.erp.web.validador.CedulaValidator" />
							</p:inputText>
						</td>
					</tr>
					
					
					<tr>
						<td width="30%"><h:outputLabel value="#{i18n['erp.asistencia.empleado.nombres']}" /> </td>
						<td width="70%">
								<p:inputText id="txtNombreBuscar"
								 value="#{reporteHorasDataManager.registroListDTO.perNombres}"	 />
						</td>					
					</tr>
					
					<tr>
						<td width="30%"><h:outputLabel value="#{i18n['erp.asistencia.empleado.apellidos']}" /> </td>
						<td width="70%">
								<p:inputText id="txtApellidosBuscar"
							value="#{reporteHorasDataManager.registroListDTO.perApellidos}"		 />
						</td>
					
					</tr>
				</table>
			</p:panel>

			<p:panel id="botonesBuscar">
				<p:commandButton id="btnBuscar"
					actionListener="#{reporteHorasController.buscar}"
					value="#{i18n['label.buscar']}" 
					process="@this,tablaHorasTrabajadas,pnlBuscar"
					update=":formHorasTrabajadas:pnlMessages,tablaHorasTrabajadas,pnlBuscar" />
			</p:panel>


	<p:dataTable id="tablaHorasTrabajadas"
		value="#{reporteHorasDataManager.empleadoList}" var="emp"
		rowIndexVar="rowIndex"
		paginator="true" rows="5" paginatorPosition="bottom"
		paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
		rowsPerPageTemplate="5,10,15" emptyMessage="#{i18n['erp.asistencia.horas.lista']}">
		<f:facet name="header">
			#{i18n['erp.asistencia.horas.lista']}
		</f:facet>
		<p:column headerText="#" styleClass="centered" width="5%">
			#{rowIndex+1}
		</p:column>
	
		<p:column headerText="#{i18n['erp.asistencia.empleado.cedula']}" width="40%">
			<h:outputText value="#{emp.perCi}" />
		</p:column>
		
		<p:column headerText="#{i18n['erp.asistencia.empleado.apellidos']}" width="40%">
			<h:outputText value="#{emp.perApellidos}" />
		</p:column>
		
		<p:column headerText="#{i18n['erp.asistencia.empleado.nombres']}" width="35%">
				<h:outputText value="#{emp.perNombres}" />
		</p:column>
		
			
		<p:column headerText="#{i18n['label.opciones']}" styleClass="centered" width="10%">
			<h:panelGroup>
				<p:commandLink styleClass="no-decor"
					title="#{i18n['erp.asistencia.horas.lista']}"
					oncomplete="dlgHoras.show()"
					actionListener="#{reporteHorasController.registros(emp)}"
					process="@this,tablaHorasTrabajadas" update=":formdialogHoras:tablaFalta2">
					<h:graphicImage value="/resources/img/edit.png" alt="#{i18n['erp.asistencia.horas.lista']}"/>
				</p:commandLink>
			</h:panelGroup>
		</p:column> 
	
	</p:dataTable>			
	
</h:form>			
		
	<ui:include src="dialogHoras.xhtml" />
		
	</ui:define>
</ui:composition>